<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml"
	xmlns:c="http://java.sun.com/jsf/composite/components">
	
	<ui:define name="title">
		<h3><h:outputLabel	value="#{i18n['erp.bien.pagina.reportes.titulo']}" /></h3>
	</ui:define>
	
	<ui:define name="content">
	
		<h:outputScript library="primefaces" name="jquery/jquery.js" target="head"/>
		<h:form id="formBien">
		
			<p:growl id="pnlMessages" autoUpdate="true" closable="true"/>
			
			<p:panel id="pnlBuscarBien" header="#{i18n['erp.bien.buscar']}">
				<table class="formulario">
					<tr>
						<td width="15%"><h:outputLabel for="txtNombreCustodio" value="#{i18n['label.custodio']}" /></td>
						<td width="85%">
							<h:panelGrid columns="2" border="0">
								<h:outputText id="txtNombreCustodio" value="#{reporteInventarioController.buscarUsuarioComponent.vistaEmpleadoSeleccionado.nombresCompletos}" />
								<c:buscarUsuarioComponent controller="#{reporteInventarioController.buscarUsuarioComponent}" 
										render=":formBien:txtNombreCustodio" onComplete="#{reporteInventarioController.onCompleteBuscarUsuarioComponent}"/>
							</h:panelGrid>
						</td>
					</tr>
					<tr>
						<td >
							<h:outputLabel for="selectTipoIngresoBien" value="#{i18n['erp.bien.tipo.transaccion']}" />
						</td>
						<td>
							<p:selectOneMenu id="selectTipoIngresoBien"
								style="width: 50%" label="#{i18n['erp.bien.categoria']}"
								value="#{reporteInventarioDataManager.idDcTipoBienSelec}">
								<f:selectItem itemValue="#{reporteInventarioDataManager.estadoInvalido}" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{reporteInventarioDataManager.dcTipoBien}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="selectCategoria" value="#{i18n['erp.bien.categoria']}" />
						</td>
						<td>
							<p:selectOneMenu id="selectCategoria"
								style="width: 50%" label="#{i18n['erp.bien.categoria']}"
								value="#{reporteInventarioDataManager.idCategoriaBienSeleccionado}">
								<f:selectItem itemValue="#{reporteInventarioDataManager.estadoInvalido}" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{reporteInventarioDataManager.dcCategoriaBien}"/>
								<p:ajax event="change" process="@this" update="txtLinea" listener="#{reporteInventarioDataManager.cargarDcLineaBien}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtLinea" value="#{i18n['erp.bien.linea']}" />
						</td>
						<td>
							<p:selectOneMenu id="txtLinea"
								style="width: 50%" label="#{i18n['erp.bien.linea']}"
								value="#{reporteInventarioDataManager.idLineaBienSeleccionado}">
								<f:selectItem itemValue="#{reporteInventarioDataManager.estadoInvalido}" itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{reporteInventarioDataManager.dcLineaBien}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtFechaDesde" value="#{i18n['label.fecha.desde']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td>
							<p:calendar id="txtFechaDesde" 
								required="true" label="#{i18n['label.fecha.desde']}"
								style="width: 50%" readonlyInput="true" pattern="yyyy-MM-dd"
								value="#{reporteInventarioDataManager.vistaBienBuscar.npFechaDesde}" />
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtFechaHasta" value="#{i18n['label.fecha.hasta']}" />
							<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td>
							<p:calendar id="txtFechaHasta" style="width: 50%" readonlyInput="true" pattern="yyyy-MM-dd"
								value="#{reporteInventarioDataManager.vistaBienBuscar.npFechaHasta}"/>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="txtTipoReporte" value="#{i18n['label.tipo.reporte']}" /></td>
						<td>
							<p:selectOneMenu id="txtTipoReporte"
								style="width: 50%" label="#{i18n['label.tipo.reporte']}"
								value="#{reporteInventarioController.tipoReporte}">
								<f:selectItem itemLabel="#{i18n['label.reporte.pdf']}" itemValue="#{reporteInventarioDataManager.formatoPdf}"/>
								<f:selectItem itemLabel="#{i18n['label.reporte.excel']}" itemValue="#{reporteInventarioDataManager.formatoExcel}"/>
							</p:selectOneMenu>
						</td>
					</tr>
				</table>
			</p:panel>
			
			<p:panel id="pnlBotones">
				<h:commandButton id="btnGenerar"
					value="#{i18n['label.generar.reporte']}" 
					action="#{reporteInventarioController.generarReporte}"/>
				<p:commandButton id="btnLimpiar" immediate="true"
					actionListener="#{reporteInventarioController.limpiarFiltrosBusqueda}"
					value="#{i18n['label.limpiar']}" process="@this" update="pnlMessages,pnlBuscarBien" />
			</p:panel>
			
		</h:form>
		
	</ui:define>
</ui:composition>